<template>
    <div class="login-box">
        <div class="top-bar">
			<div class="seach">账号登录<span class="tip">(直接登录即可)</span></div>
		</div>
        <div class="login-plan">
            <div class="user">
                <input type="text" placeholder="用户名">
            </div>
            <div class="user">
                <input type="password" placeholder="密 码">
            </div>
            <div class="user">
                <button @click="doLogin()">登录</button>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    methods:{
        doLogin(){
            sessionStorage.setItem("token",new Date().getTime());
            this.$router.back();
        }
    }
}
</script>
<style lang="less" scoped>
.login-box{
    height: 100%;
    .top-bar{
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1PX solid @cc;
		height: @h;
		line-height: @h;
        .seach{
			box-sizing: border-box;
			text-align: center;
            font-size: 36px;
            .tip{
                font-size: 24px;
                padding: 0px 10px;
                color: @99;
            }
        }
    }
    .login-plan{
        width: 100%;
        margin-top: 50px;
        padding: 40px;
        box-sizing: border-box;
        .user{
            margin: 40px 40px;
            text-align: center;
            input{
                display: block;
                width: 100%;
                font-size: 36px;
                padding: 12px 26px;
                color: @gray;
                box-sizing: border-box;
                border: none;
                border-bottom: 1px solid @cc;
                outline: none;
            }
            ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
                color:@99;
            }
            :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                color:@99;
            }
            ::-moz-placeholder { /* Mozilla Firefox 19+ */
                color:@99;
            }
            :-ms-input-placeholder { /* Internet Explorer 10-11 */
                color:@99;
            }
            button{
                margin-top: 60px;
                display: block;
                width: 100%;
                box-sizing: border-box;
                font-size: 36px;
                padding: 12px;
                border: none;
                border-radius: 1000px;
                color: white;
                outline: none;
                background-color: @pink;
                &:active {
                    background-color: @light-pink;
                }
            }
        }
    }
}
</style>

